body{
    background: #CCCCCC;
}
#zx-nav{
    width: 100%;
    height: 2rem;
    background: #39c893;
    display: flex;
    align-items: center;
    justify-content: center;
    div{
        width: 85%;
        height: 90%;
        display: flex;
        justify-content: space-between;
        img{
            width: 2rem;
            height: 100%;
        }
        li{
             width: 4rem;
                height: 1.75rem;
                display: flex;
                justify-content: space-around;
                flex-direction: column;
                
            img{
                width: 2rem;
                height: .33rem;
            }
            p{
                width: 100%;
                height: 0.4rem;
                overflow: hidden;
                font-size: 0.2rem;
                background: #2bb280;
                border-radius: 10px;
                line-height: 0.4rem;
                color: white;
                display: flex;
                justify-content: center;
                flex-direction: row;
                a{
                    font-size: 0.22rem;
                    color: goldenrod;
                }
            }
        }
    }
}
#zx-header{
    width: 100%;
    height: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background: white;
    div{
        width: 90%;
        height: 90%;
        border: 3px solid  #39c893;
        display: flex;
        justify-content: space-between;
        font-size: 0;
        input{
            width: 80%;
            height: 100%;
            font-size: 0.28rem;
        }
        button{
            width: 20%;
            height: 100%;
            font-size: 0.28rem;
            color: white;
            background:  #39c893;
            display: flex;
            align-items: center;
            justify-content: center;
            
        }
    }
}
#zx-header1{
    width: 100%;
    height: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: white;
    margin-top: 0.2rem;
    .zx-header1-div1{
        width: 90%;    
        height: 90%;
        div:nth-child(1){
            width: 100%;
            height: 0.75rem;
            display: flex;
            justify-content: space-between;
            .div-1{
                border-bottom: 2px solid #39c894;
                  
            }
           a{
                width: 33%;
                height: 0.75rem;
                text-align: center;
                line-height: 0.75rem;
                font-size: 0.28rem;
                border-bottom: 2px solid #efefef;
            }
            
        }
        div:nth-child(2){
           width: 100%;
           height: 2.08rem;
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;   
            align-items: center;
            a{
                width: 1.3rem;  
                height: 1.65rem;
                display: flex;    
                flex-direction: column;
                justify-content: space-between;
                padding-left: 0.3rem;
                img{
                    width: 90%;
                    height: 1.2rem;
                }
                p{
                    width: 100%;
                    height: 0.28rem;
                    font-size: 0.28rem;
                    color: #333;
                    overflow: hidden;
                }
            }
        }
        div:nth-child(3){
            width: 100%;
            height: .7rem;
            border: 2px solid #39C894;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 5px;
           a{
                font-size: 0.3rem;
                color: #39C894;
                width: 1.8rem;
                height: 0.3rem;
                overflow: hidden;
            }
        }
    }
}


#zx-content{
    width: 100%;
    height: 22.67rem;
    background: white;
    margin-top: 0.2rem;
    display: flex;
    justify-content: space-around;
    flex-direction: column;
    align-items: center;
    margin-top: 0.2rem;
    
    div{
        width: 7.17rem;
        height: 100%; 
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        .pp4{
             width: 1.95rem;
            height: .5rem;
            overflow: hidden;
            font-size: 0.36rem;
            border-left: 5px #39c894 solid;
            display: flex;
            align-items: center;
            justify-content: space-evenly;
      }
      a{
          width: 100%;
          height: 1.45rem;
          display: flex;
          justify-content: space-around;
          flex-direction: row;
          align-items: center;
          img{
              width: 1.9rem;
              height: 1.45rem;
          }
          div{
              width: 4.9rem;
              height: 1.45rem;
              display: flex;
              flex-direction: column;
              p{
                  width: 5.1rem;
                  height: 0.36rem;
                  font-size: .36rem; 
              }
              li{  
                  width: 100%;
                  height: .33rem;
//                overflow: hidden;
                   display: flex;
                   justify-content: space-between;
                  p:nth-child(1){
                      width: 2rem;
                      font-size: .28rem;
                      img{
                          width: 0.31rem;
                          height: 0.29rem;
                      }
                  } 
                  p:nth-child(2){
                      width: 2.2rem;
                      font-size: .28rem;
                      img{
                          width: 0.31rem;
                          height: 0.29rem;
                      }
                  }
              }
          }
      }
      .div-2{
            width: 100%;
            height:.67rem;   
            border: 2px solid #39C894;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 5px;
           a{
                font-size: 0.3rem;
                color: #39C894;
                width: 1.9rem;
                height: 0.3rem;
                overflow: hidden;
            }
        }
    }
}


#zx-content6{
    width: 100%;
    height: 2.44rem;
    background: white;
    margin-top: 0.2rem;
    display: flex;
    justify-content: space-around;
    flex-direction: column;
    align-items: center;
    p{
        width: 7.03rem;
        height: 0.28rem;
        overflow: hidden;
        font-size: 0.28rem; 
    }
}

#zx-footer{
    width: 100%;
    height: 1.28rem;
    display: flex;
    align-items: center;
    margin-top: 0.2rem;
    flex-direction: column;
    justify-content: space-around;
    background: white;
    div:nth-child(1){
        width: 3.72rem;
        height: 0.33rem;    
        display: flex;
        flex-direction: row;
        margin-top: .2rem;
        img{
            width: 0.32rem;
            height: 0.32rem;
        }
        p{
            font-size: .28rem;
        }
    }
    div:nth-child(2){
        width: 100%;
        height: 0.3rem;
        display: flex;
        justify-content: space-around;
          
            a{
                 overflow: hidden;
            width: 1.17rem;
            height: 100%;
                 font-size: .28rem;
            }
    }
    
}
        
#zx-footer1{
    width: 100%;
    height: 1.06rem;
    background: rgba(0,0,0,0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    div{
        width: 100%;
        height: 100%;
       display: flex;
       align-items: center;
       justify-content: space-around;
       li:nth-child(1){
            width: 0.49rem;
               height: 0.5rem;
               font-size: 0;
           position: absolute;
           top: 0;left: 0;
           img{
               width: 100%;
               height: 100%;
           }
       } 
        li:nth-child(2){
             width: 4.26rem; 
               height: 0.93rem;
               margin-left: 0.8rem;
           img{
               width: 100%;
               height: 100%;
           }
       }
       a{
           width: 1.75rem;
           height: 0.5rem;
           text-align: center;
           line-height: .5rem;
           color: white;
           font-size: .24rem;
           background: #FEB605;
           border-radius: 10px;
       } 
    }
}
